//
import AuditInfo from "./AuditInfo"
import AuditFrequency from "./AuditFrequency"
import ProblemOverview from "./ProblemOverview"
import ProblemRectification from "./ProblemRectification"

const OverallAudit = ({ id, data = {} }) => {
  const {
    auditSummary,
    auditTypesPieChart, // 自审-被审
    auditCategoriesPieChart, // 专项-经济责任
    selfAuditFrequencyChart, // 自审频率
    problemsOverviewChart, // 问题总览
    problemRectificationChart // 问题整改
  } = data

  return (
    <>
      <div
        id={id}
        className="mt-[20px] h-[30px] flex items-center"
        style={{
          backgroundImage: `url('assistant-decision/title_bg.png')`,
          backgroundRepeat: "no-repeat"
        }}
      >
        <span className="ml-[56px] text-[16px] font-[700]">
          二、审计总体情况
        </span>
        <span className="ml-[36px] text-[12px]">
          以下展示的数据均来自数据中台，通过大模型提炼总结所得。
        </span>
      </div>
      {/* 审计总体情况 */}
      <AuditInfo
        auditSummary={auditSummary}
        auditTypesPieChart={auditTypesPieChart}
        auditCategoriesPieChart={auditCategoriesPieChart}
      />
      {/* 自审频率 */}
      <AuditFrequency data={selfAuditFrequencyChart} />
      {/* 问题总览 */}
      <ProblemOverview data={problemsOverviewChart} />
      {/* 问题整改 */}
      <ProblemRectification data={problemRectificationChart} />
    </>
  )
}

export default OverallAudit
